<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>listitem</title>
<script src="./js/jquery-1.10.2.min.js"></script>
<style>
.highlight {
	color:red;
}
</style>
</head>
<body>

<div id="fruitList">
	<ul>
		<li class='highlight'>Apple</li>
		<li>Banana</li>
		<li>Cherry</li>
		<li>Grape</li>
		<li>Kiwi</li>
		<li>Orange</li>
	</ul>

</div>

<input type="button" id='firstBtn' value="first"/> 
<input type="button" id='prevBtn' value="prev"/> 
<input type="button" id='nextBtn' value="next"/> 
<input type="button" id='lastBtn' value="last"/> 

<script>
var idx = 0;
// TODO

</script>

</body>
</html>